<template>
  <div class="content">
    <!-- <TinymceEditor v-model="ruleForm" /> -->
    <div class="father">父组件</div>
    <button @click="changNum">dianwo</button>
    <Son :num1="num1" />
    <!-- <Son :num1="num1"/> -->
  </div>
  {{ ruleForm }}
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import Son from '@/views/departments/components/son.vue'
const ruleForm = ref('')
let num1 = ref(123)
let num2 = ref(456)
function changNum() {
  num1.value = 2222222222222222
  num2.value = 3333333333333333
  console.log(num1.value)
}
</script>
<style lang="less" scoped>
.content {
  // width: 500px;
  height: 500px;

  .father {
    height: 50px;
  }
}
</style>
